{extend name="public/common"}

{block name="style"}
<style>
    .viewBox {
        width: 100%;
        padding: 10px;
    }
    .name{
        font-size: 16px;
        font-weight:bold;
        margin-top:0.5vw;
    }
    .school{
        font-size: 14px;
        color: #999999;
        float: left;
        margin-top:0.5vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
    }
    .all{
        height: 14vw;
    }
    .left{
        width: 60%;
    }
    .right{
        width: 40%;
    }
    .viewBox article {
        margin-top: -50px;
        margin-right: -57vw;
        font-size: 16px;
        color: #333;
        text-align: right;
    }
    .viewBox .hurdle {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 20px;
    }
    .img1 {
        width: 7vw;
        height: 7vw;
        margin-top: -9vw;
        margin-left: 56vw;
    }
</style>
{/block}
{block name="body"}
<div class="viewBox">
    {volist name="list" id="ll"}
    <div class="all">
        <div class="left">
            <p class="name" style="">{$ll.name}</p>
            <p class="school">{$ll.fenxiao || default='*暂无'}</p>
        </div>
        <div class="right">
            <img src="__HOME__/images/user/phone.png" class="img1"/>
            {empty name="$ll.tel"}
            <article style="margin-right: -45vw">
                {$ll.tel || default='*暂无'}
            </article>
            {else/}
            <article>
                <a href=tel:"{$ll.tel}">{$ll.tel}</a>
            </article>
            {/empty}
        </div>
    </div>
    <div class="hurdle"></div>
    {/volist}
</div>
{/block}

{block name="script"}
<script>
    $('title' ).text('点对点教育VIP学员_联系方式');
    //关闭分享
    function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    }
    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }
    } else {
        onBridgeReady();
    }
</script>
{/block}